<template>
  <view class="content">
    <view>站点</view>
    <view class="group">
      <view
        class="cell-item"
        v-for="item,index in websitList"
        :key="item.id"
        @tap="websiteClick(item)"
      >
        <view>{{item.title}}</view>
        <u-line color="#d3d3d3" v-show="index < websitList.length-1"></u-line>
      </view>
    </view>
    <view style="height: 40rpx;"></view>
    <view>个人中心</view>
    <view class="group">
      <view class="cell-item" v-for="item,index in mineList" :key="item.id">
        <view>{{item.title}}</view>
        <u-line color="#d3d3d3" v-show="index < mineList.length-1"></u-line>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      websitList: [{ title: '看影', id: 1 }],
      mineList: [
        { title: '我的收藏', id: 1 },
        { title: '历史记录', id: 2 },
      ],
    }
  },
  onLoad() {},
  methods: {
    websiteClick(item) {
      uni.navigateTo({
        url: '/pages/video-index/video-index?type=' + item.id,
      })
    },
  },
}
</script>

<style lang="scss">
page {
  background-color: #f7f7f7;
}

.content {
  padding-left: 30rpx;
  padding-right: 30rpx;

  .group {
    margin-top: 10rpx;
    border-radius: 20rpx;
    padding: 10rpx 20rpx;
    background-color: white;

    .cell-item {
      height: 80rpx;
      line-height: 80rpx;
    }
  }
}
</style>